import {useState} from 'react'
import './index.less'
const ContentList = ()=>{

    // 公司相关
    const [dataList,setDataList] = useState([
        {imgSrc:null,href:'http://192.168.31.10:9527/#/login?redirect=%2Findex',title:'无鱼工时',describe:'公司在线日志提交工具'},
        {imgSrc:null,href:'http://zentao.eshequ.top/index.php?m=my&f=index',title:'禅道',describe:'公司项目禅道入口'},
        {imgSrc:null,href:'http://cpyx.linmei.biz/',title:'原型',describe:'公司内部原型文档'},
        {imgSrc:null,href:'https://lanhuapp.com/dashboard/#/item?fid=all&tid=b926705f-dd5d-4fca-8328-b4cd6505e089',title:'蓝湖',describe:'蓝湖UI设计图入口'},
        {imgSrc:null,href:'http://192.168.31.10:3000/project/1049/interface/api/32090',title:'Yapi',describe:'公司内部接口文档'},
        {imgSrc:null,href:'http://192.168.31.10:2122/',title:'Jpom',describe:'社区办项目测试打包'},
        {imgSrc:null,href:'http://192.168.31.30:2122/#/login',title:'Jpom',describe:'校园项目测试打包入口'},
        {imgSrc:null,href:'http://192.168.31.30:8090/',title:'GitHup',describe:'公司内部项目git仓库'},
    ])

    //前端相关
    const [dataListTwo,setDataListTwo] = useState([
        {imgSrc:null,href:'https://fanyi.baidu.com/',title:'百度翻译',describe:'百度在线翻译工具'},
        {imgSrc:null,href:'https://e.juejin.cn/',title:'掘金',describe:'稀土掘金'},
        {imgSrc:null,href:'https://www.chajian5.com/extension/react-developer-tools-v4-27-1-0',title:'极客插件',describe:'可下载谷歌各种插件'},
        {imgSrc:null,href:'https://4x.ant.design/components/modal-cn/',title:'antd官网',describe:'中文官网'},
        {imgSrc:null,href:'https://ahooks-v2.js.org/zh-CN/hooks/async',title:'aHooks',describe:'aHooks官方文档'},
        {imgSrc:null,href:'https://pinia.web3doc.top/introduction.html',title:'Pinia',describe:'vue3生态Pinia中文官方文档'},
    ])
    return (<div>
        <div className='contentListCenter'>
            {dataList.map((item,index)=>{
                return (<div key={index} className='list'>
                <a href={item.href} target="_blank">
                <div className='title'>{item.title}</div>
                <div className='describe'>{item.describe}</div>
                </a>
            </div>)
            })}
        </div>
        <hr style={{width:'800px',margin:'10px auto',height:'3px',backgroundColor:'green'}}/>
        <div className='contentListCenter'>
            {dataListTwo.map((item,index)=>{
                return (<div key={index} className='list'>
                <a href={item.href} target="_blank">
                <div className='title'>{item.title}</div>
                <div className='describe'>{item.describe}</div>
                </a>
            </div>)
            })}
        </div>
    </div>)
}
export default ContentList